<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/job.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<style>
    .input{
        width: 50px;
    }
    
</style>
<body>
    <div>
        <!---事件按钮-->
        <div> 
            <button class="btn btn-primary" onclick="add()">新增</button>
            <button class="btn btn-primary" onclick="detle()">删除</button>
            <button class="btn btn-primary" onclick="edit()">编辑</button>
            <button class="btn btn-primary" onclick="query()">查询</button>
            <input id="username" type="text" class="form-control,input" placeholder="按工号查询">
            <input id="name" type="text" class="form-control,input" placeholder="按姓名查询">
        </div>
        <!--表格区域-->
        <div>
            <table class="table table-responsive" id="test">
                <thead>
                   <th>序号</th>
                   <th>工号</th>
                   <th>姓名</th>
                   <th>性别</th>
                   <th>密码</th>
                   <th>年龄</th>
                   <th>出生日期</th>
                </thead>
                <tbody id = "table">

                </tbody>
                <!-- <tbody>
                    <tr class="success">
                        <td><input type="checkbox"></td>
                        <td>1001</td>
                        <td>张三</td>
                        <td>nv</td>
                        <td>1234</td>
                        <td>29</td>
                        <td>1991-1-1</td>
                    </tr>
                </tbody> -->
            </table>
        </div>
    </div>
    <div class="modal modal-add" style="display: none;">
        <div class="contrast_v3" style="width: 400px;margin-left: -200px; margin-top: -135px;">
            <div class="title_v3">
                <div class="title_v3_l">新增元数据</div>
                <div class="title_v3_r">
                    <a href="javascript:;"class="close"></a>
                 </div>
                 <div class="ensure-con add-metadata">
                    <div class="set-content">
                       <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td>工号：</td>
                                <td><input type="text" id="user"></td>
                            </tr>
                            <tr>
                                <td>姓名：</td>
                                <td><input type="text" id="nam"></td>
                            </tr>
                            <tr>
                                <td>性别：</td>
                                <td><input type="text" id="sex"></td>
                            </tr>
                            <tr>
                                <td>密码：</td>
                                <td><input type="text" id="password"></td>
                            </tr>
                            <tr>
                                <td>年龄：</td>
                                <td><input type="text" id="age"></td>
                            </tr>
                            <tr>
                                <td>出生日期：</td>
                                <td><input type="text" id="birthday"></td>
                            </tr>
                       </table>
                    </div>
                 </div>
                 <div class="botton_v3">
                    <a class="on sure-btn" href="javascript:;">确定</a>
                    <a class="close" href="javascript:;" >取消</a>
                 </div>
            </div>
            <div class="mask-layer"></div>
        </div>
    </div>
</body>
<script>
    
    init();
    
</script>
</html>
